<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="commn/base.css" />
		<link rel="stylesheet" type="text/css" href="css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/jquery-weui.min.css" />
		<link rel="stylesheet" type="text/css" href="Hui-iconfont/1.0.8/iconfont.css" />
		<style type="text/css">
			body {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				width: 100%;
			}
			
			.index {
				min-width: 240px;
			}
			
			.top {
				display: -webkit-box;
				width: 100%;
				height: 40px;
				background-color: #0F88EB;
			}
			
			.top>span {
				line-height: 40px;
				text-indent: 1em;
				color: white;
				display: -webkit-box;
				font-size: 18px;
				font-weight: bold;
				-webkit-box-flex: 1;
			}
			
			.back {
				color: white;
				font-size: 18px;
				margin-left: 15px;
				line-height: 40px;
			}
			
			.content {
				margin:3px;
				height: 300px;
				outline: none;
				border-bottom: 1px solid #EEEEEE;
			}
			.photo{
				height: 80px;
				border: 1px solid red;
				position: relative;
			}
			.photo>img{
				width: 60px;
				height: 60px;
				border-radius:50px ;
				overflow: hidden;
				position: absolute;
				top: 50%;
				left: 50%;
				border: 1px solid;
				-webkit-transform: translateX(-50%)  translateY(-50%);
			}
		</style>
	</head>

	<body>
		<div class="index">
			<div class="top">
				<a href="../zhihu_more/more.html" class="back Hui-iconfont Hui-iconfont-slider-left"></a>
				<span>个人资料</span>
			</div>
			<div class="content">
				<div class="photo">
					<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1491039129009&di=f1f3608a4572132573e44147d38c7864&imgtype=0&src=http%3A%2F%2Fimgtu.5011.net%2Fuploads%2Fcontent%2F20170309%2F2664371489030209.jpg"/>
				</div>
				<p class="offer">输入悬赏金额：<input type="text" class="money" v-model="money"></p>
				<p class="offer">输入问题分类：<input type="text" class="fenli" v-model="fenlei"></p>
				
			</div>
		</div>
	</body>

</html>